<ion-view title="Cookbooks">
  <ion-nav-buttons side="left">
    <button menu-toggle="left" class="button button-icon icon ion-navicon"></button>
  </ion-nav-buttons>
  

  <ion-content class="has-header">
<div class="list list-inset">
  <label class="item item-input">
    <i class="icon ion-search placeholder-icon"></i>
    <input type="search" placeholder="Search" ng-model="search" ng-focus="searchFocused = true" ng-blur="searchFocused = false">
  </label>
</div>
    <ion-list>
	<div class="item item-divider">
        4A
        </div>
      <ion-item ng-repeat="playlist in cookbooks4A | filter : search" href="#/app/playlists/{{playlist.id}}">
        {{playlist.title}}
      </ion-item>

	<div class="item item-divider">
    	5A
  	</div>
     <ion-item ng-repeat="playlist in cookbooks5A | filter : search" href="#/app/playlists/{{playlist.id}}">
        {{playlist.title}}
      </ion-item>   
    </ion-list>
  </ion-content>
</ion-view> 
